<template>
    <div id="cc">
        <h1>我是hello子组件</h1>
        <slot></slot>

        <!--- 这里会找自定义组件标签child内的 header插槽，并将内容放这里 -->
        <slot name='header'></slot>

        <!--- 默认插槽 匹配无name的内容 -->
        <slot></slot>

        <!-- 这里会找自定义组件标签child内的 footer插槽，并将内容放这里 -->
        <slot name='footer'></slot>

        <!-- 在user插槽中绑定数据data123,赋给mydata，在自定义标签内使用这些数据 -->
        <slot name='user' :mydata="data123"></slot>
        <!--作用域插槽-->
    </div>
</template>

<script>
    export default {
        data() {
            return {
                data123: [
                    { name: 'yb', age: 13 },
                    { name: 'yc', age: 15 },
                    { name: 'ht', age: 32 }
                ]
            }
        }
    }
</script>

<style>
</style>